@media screen and (min-width:200px ) {
body { overflow-x: hidden; }
.nav{
		height: 80px;
		background-color: rgba(10,100,70,0.8);
		box-shadow: 3px 7px 37px green;
		border-radius: 30px;
		position: fixed;
    width: 96%;
		left: 15px;
	}
	.logo {
		height: 20px;
    	width: 150px;
    	padding-top: 17px;
	}
	.nav-bar {
		padding-top: 5px;
	}
	span {
		
		padding-left: 20px;
		padding-right: 20px;
	}


.text {
		background: lightgreen;
	}
	main img{
		max-width: 100%;
		border-radius: 30px;
	}



.company-img{
			margin: 2% ;
			width: 100%;
			text-align: left;
	}
.company-img span img {
			width: 5%;
	}
	
.container {
  		position: static;
  		width: 17rem;
  		background: lightgreen;
  		border-radius: 40px;
  		box-shadow: 0 5px 5px greenyellow;
  		box-sizing:  content-box;
  		padding: 30px; 
  		margin: 2% 2%;
  		text-align: center;
  		display: inline-block;
  }
	
.container:hover{
	   box-shadow: 0 7px 7px #AFEEEE;
	   transform: scale(1.1.2)
	}
	
	footer {
		background: #e0e0e0;
		position: relative;
		width: 100%;
		margin-top: 40px;
		padding-top: 10px;
		padding-bottom: 10px;
		text-shadow: 2px 2px 2px white;
		color: black;
		overflow: hidden;
		box-shadow: 0 5px 5px greenyellow;
		border-radius: 60px
	}
		
.footer-left img {
		width: 5%;
	}
.footer-left {
		float:left;
		width: 49%;
		display: inline-block;
	}
	
.footer-right {
		border-left: 2px #bcbcbc dotted;
		float:right;
		width: 49%;
		display: inline-block;
	}
	contact p {
		margin-left: 3%;
	}
	contact img {
		margin-left: 3%;
		width: 23%;
	}

}